<div class="image-card">
  <div class="image card">
    <img src="assets/images/home/banner3.jpg" alt="" srcset="" />
    <div class="title">东营智慧水务</div>
  </div>

  <div class="news">
    <div class="news-card">
      <nz-skeleton
        [nzActive]="true"
        *ngIf="XXGGInfos.length <= 0"
      ></nz-skeleton>
      <nz-skeleton
        [nzActive]="true"
        *ngIf="XXGGInfos.length <= 0"
      ></nz-skeleton>
      <div class="card-item card" *ngFor="let item of XXGGInfos">
        <h3 (click)="goDetail(item)">{{ item?.title }}</h3>
        <p (click)="goDetail(item)" class="desc">{{ item?.title }}...</p>
        <div class="bottom">
          <span class="date">{{
            item?.lastmodificationtime | dateFormat : "format"
          }}</span>
          <span class="date"></span>
          <span (click)="goDetail(item)"> </span>
          <span (click)="goDetail(item)">查看详情 > </span>
        </div>
      </div>
    </div>

    <div class="news-list">
      <nz-skeleton
        [nzActive]="true"
        *ngIf="XXGGInfos.length <= 0"
      ></nz-skeleton>
      <nz-skeleton
        [nzActive]="true"
        *ngIf="XXGGInfos.length <= 0"
      ></nz-skeleton>
      <div class="news-list-item card" *ngFor="let item of TSGGInfos">
        <div class="date">
          <span>{{ item?.lastmodificationtime | dateFormat : "month" }}</span>
          <span>{{ item?.lastmodificationtime | dateFormat : "date" }}</span>
        </div>
        <div class="title" (click)="goDetail(item)">
          <span>{{ item?.title }}</span>
          <span></span>
        </div>
      </div>
    </div>
  </div>
</div>
